@import './color';

.container-border {
  border-top: 1rpx solid @border-color;
}

// 主动招聘
.user-resume {
  padding: 0;
  .wrapper {
    position: relative;
    margin-top: 10rpx;
    padding: 25rpx 20rpx;
    display: flex;
    background: #ffffff;
    &:last-child {
      border-color: transparent;
    }
    .head-image {
      margin-left: 10rpx;
      margin-right: 20rpx;
      position: relative;
      .logo {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50rpx;
      }
      .sex {
        position: absolute;
        top: 0;
        right: 0;
        width: 27rpx;
        height: 24rpx;
      }
    }
    .resume {
      flex: auto;
      .resume-info {
        .name {
          position: relative;
          margin-right: 10rpx;
        }
        .hidden-name::after {
          content: '';
          position: absolute;
          top: 5rpx;
          right: -5rpx;
          border-radius: 50%;
          width: 32rpx;
          height: 32rpx;
          filter: blur(1px);
          background: #f1f1ff;
        }
      }
      .desc {
        width: 475rpx;
        margin-top: 12rpx;
        color: @font-color-assist;
        text {
          margin-left: 10rpx;
        }
      }
    }
  }
}
// |标签
.tags {
  color: #999999;
  text {
      &:after {
          content: '';
          display: inline-block;
          margin: 0 10rpx;
          width: 3rpx;
          height: 25rpx;
          vertical-align: -1rpx;
          background: #999999;
      }
      &:last-child::after {
          content: none;
      }
  }
}
.invitation-mask {
  width: 640rpx;
  margin: 0 auto;
  margin-top: 40rpx;
  background: #ffffff;
  border-radius: 10rpx;
  box-shadow:0px 3px 10px 0px rgba(186,186,186,1);
  overflow: hidden;
  .time-axis {
    padding: 30rpx 37rpx 0 37rpx;
    .process {
      position: relative;
      margin-bottom: 48rpx;
      margin-left: 30rpx;
      &:first-child::before {
        background: #333333;
      }
      &::before,
      &::after {
        content: '';
        position: absolute;
        top: 12rpx;
        display: inline-block;
        background: #cfcfcf;

      }
      &::before {
        z-index: 2;
        left: -30rpx;
        width: 12rpx;
        height: 12rpx;
        border-radius: 50%;
      }
      &::after {
        z-index: 1;
        left: -26rpx;
        width: 2rpx;
        height: 125rpx;
      }
      &:first-of-type {
        .title {
          color: @font-color-main;
        }
      }
      &:last-child {
        &::after {
          height: 0;
        }
      }
      .title {
        color: @font-color-adorn;
        font-size: 28rpx;
      }
      .time {
        color: @font-color-adorn;
        font-size: 22rpx;
      }
      .liuyan {
        position: absolute;
        right: 0;
        top: 10rpx;
      }
    }
  }
}
.invitation-mask.bar {
  text-align: center;
  font-size: 30rpx;
  height: 88rpx;
  line-height: 88rpx;
}
.invitation-info {
  margin: 0 40rpx;
  padding-top: 62rpx;
  padding-bottom: 26rpx;
  border-bottom: 1px solid @border-color;
  .info-list {
    position: relative;
    display: flex;
    &:last-child {
      margin-left: 3rpx;
    }
    margin-bottom: 40rpx;
    image {
      flex-shrink: 0;
      margin-right: 15rpx;
      vertical-align: -1rpx;
    }
    .time {
      width: 30rpx;
      height: 30rpx;
    }
    .address {
      width: 24rpx;
      height: 33rpx;
      ~ view > view {
        margin-right: 20rpx;
      }
    }
    text {
      font-size: 28rpx;
    }
    .icon-right {
      position: absolute;
      right: 0;
      margin-left: 20rpx;
      margin-right: 0;
    }
  }
}
.select-bar {
  background: #ffffff;
  overflow: hidden;
  .num {
    padding: 30rpx 0;
    view {
      display: inline-block;
      text-indent: 25rpx;
      font-size: 30rpx;
      color: @font-color-adorn;
      width: 50%;
      text {
        margin-left: 20rpx;
        color: @font-color-main;
      }
    }
  }
}
// tab栏
.navigation-bar {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
}
.view-content {
  margin-top: 90rpx;
}
.tab-title {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  background: #ffffff;
  box-sizing: border-box;
  border-top: 1rpx solid @border-color;
  view[id] {
    flex: 1;
  }
  .blue {
    width: 120rpx;
  }
  .active {
    position: relative;
    color: @font-color-red;
    &::after {
      content: '';
      display: block;
      width: 120rpx;
      margin: 0 auto;
      border-bottom: 2rpx solid @border-color-red;
    }
  }
  view {
    font-size: 28rpx;
    color: @font-color-assist;
  }
}
// 职位搜索
.search {
  display: block;
  width: 640rpx;
  margin: 17rpx auto;
  border-radius: 33rpx;
  background: #ffffff;
  overflow: hidden;
  .search-lay {
    display: flex;
    height: 66rpx;
    line-height: 66rpx;
    justify-content: center;
    align-items: center;
    .icon-search {
      margin-right: 20rpx;
      display: inline-block;
      width: 24rpx;
      height: 29rpx;
      vertical-align: middle;
    }
  }
}
